<template>
  <div class="home">
    <van-nav-bar
        title="参保信息"
        left-text=""
        right-text="修改"
        left-arrow
        @click-left="onClickLeft"
        @click-right="onClickRight"
    />
    <van-cell-group title="基本信息">
      <van-cell title="参保人" value="张三" />
      <van-cell title="参保地区" value="济南" />
    </van-cell-group>
    <van-cell-group title="参保信息">
      <van-cell title="身份证" value="370112*******1234" />
      <van-cell title="户口类型" value="城市" />
    </van-cell-group>
    <van-cell-group title=" ">
      <van-cell title="缴纳社保" value="缴费" />
      <van-cell title="社保基数" value="3510" />
      <van-cell title="缴纳月份" value="2019-05" />
    </van-cell-group>
    <van-cell-group title=" ">
      <van-cell title="缴纳公积金" value="缴费" />
      <van-cell title="公积金基数" value="1910" />
      <van-cell title="缴纳月份" value="2019-05" />
    </van-cell-group>

    <van-button type="info" size="large" @click="goPay">生成订单</van-button>
  </div>
</template>

<script>
import { Cell, CellGroup, NavBar, Button } from "vant";
export default {
  name: "jiaofei",
  data() {
    return {
      username: '',
      password: ''
    }
  },
  components: {
    "van-cell-group": CellGroup,
    "van-cell": Cell,
    "van-nav-bar": NavBar,
    "van-button": Button
  },
  methods: {
    goPay() {
      this.$router.push('/pay')
    },
    onClickLeft() {
      this.$router.go(-1)
    },
    onClickRight() {

    }
  }
};
</script>

<style scoped>
  .home{background-color: #FAFAFA;}
  .avatar{width:80px;height: 80px;margin:2em auto;}
  .avatar img{width:100%;height: 100%;border-radius: 50%;}
</style>